import React from 'react'
import FilterLink from '../Containers/FilterLink'
import {VisibilityFilters} from '../Action/ActionTypes'

const Footer = ()=>(
    <div>
        <strong>Show:</strong>
        <FilterLink filter={VisibilityFilters.SHOW_ALL}>
            All
        </FilterLink>
        <FilterLink filter={VisibilityFilters.SHOW_ACTIVE}>
            Active
        </FilterLink>
        <FilterLink filter={VisibilityFilters.SHOW_COMPLETED}>
            Completed
        </FilterLink>
    </div>
)

export default Footer